<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>待发货订单列表</title>
    <link rel="icon" type="image/x-icon" href="img/favicon.ico">
    <link href="../../css/bootstrap.min.css" rel="stylesheet">
    <link href="../../font-awesome/css/font-awesome.css" rel="stylesheet">
    <link href="../../css/common1.css" rel="stylesheet">
    <link href="../../css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">
    <link href="../../js/plugins/DatePicker/skin/WdatePicker.css" rel="stylesheet">
    <link href="../../lib/pagination/pagination.css" rel="stylesheet">
    <link href="../../js/plugins/layer1/skin/layer.css" rel="stylesheet">
    <link rel="stylesheet" href="./order.css">
</head>
<body class="gray-bg" :controller="container">
<div class="content content-border container-fluid">
    <div id="centerform" class="content-head">
        <div class="span220">
            下单时间
            <div class="start-date">
                <input name="tempStarttime" id="tempStarttime" type="text" class="validate[required]" :duplex="form.startOrderTime" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',maxDate:'#F{$dp.$D(\'tempEndtime\')||$dp.$DV(\'%y-%M-%d\',{d:-1})}'});"/>
            </div>
            至
            <div class="end-date">
                <input name="tempEndtime" id="tempEndtime" type="text" class="validate[required]" :duplex="form.endOrderTime" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',maxDate:'%y-%M-{%d-1}',minDate:'#F{$dp.$D(\'tempStarttime\')}'});"/>
            </div>
        </div>
        <div class="span220">
            搜索关键字：
            <select class="select-w form-control-sm" id="selKeyword">
                <option :for="(k, v) in @keywordList" :attr="{value: k}">{{v}}</option>
            </select>
            <input class="form-control-sm titleInput" :duplex="keyword" placeholder="输入关键字" >
        </div>
        <div class="span110">
            <div class="div-btn-left">
                <input type="button" value="查询" :click="search" class="btn-search btn btn-primary">
            </div>
        </div>
    </div>
    <div class="content-title tit bg-1 paddingLeft20">
        <span>订单列表</span>
        <!-- <div class="span110">
            <div class="div-btn-right">
                <input type="button" value="导出" class="btn btn-primary">
            </div>
        </div> -->
    </div>
    <table id="grid" class="table table-striped table-bordered table-hover dataTable text-center" style="width: 100%">
        <thead>
        <tr>
            <th>序号</th>
            <th>子订单号</th>
            <th>下单时间</th>
            <th>金额</th>
            <th>采购商名称</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
           <tr :for="(index, el) in @list">
               <td>{{index+1}}</td>
               <td>{{el.code}}</td>
               <td>{{el.orderTime | date("yyyy-MM-dd HH:mm:ss")}}</td>
               <td>{{el.amountTotalSub}}</td>
               <td>{{el.buyerName}}</td>
               <td>
                   <!--<a href="javascript:;" :click="@orderSend(el.code)">发货</a>-->
                   <a href="javascript:;" :click="showLayer(el.code)">发货</a>
                   <span class="detail" ms-html="el | filterOption"></span>
               </td>
           </tr>
        </tbody>
    </table>

    <div class="pagination"></div>
</div>
<script data-main="waitDispatch" src="../../javascript/require.js" ></script>
</body>
</html>